
// Fonts
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);

// Variables
@import "variables";

// Bootstrap
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

#app{
  min-height:960px;
  background: #fff;
  margin:auto;
}
.box{
  width:80%;
  height:600px;
  margin:auto;
  margin-top:100px;
  overflow: hidden;
  border:1px solid #ccc;
  background:#eee;
}
.header{
  height:40px;
  background-color: lightseagreen;
}
.box .container-fluid{
  height:100%;
}
.box .chatbox{
  height:100%;
}
.left{
  height:100%;
}
.right{
  border-left:1px solid #ccc;
  height:100%;
}
.chat-top{
  height:55%;
}
.chat-middle{
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  height:8%;
}
.chat-bottom{
  height:35%;
}
.user-input{
  width:100%;
  display: block;
}

.qrcode-box{
  text-align:center;
  & img{
    display:block;
    margin:auto;
  }
}